*{
	margin:0px;
	padding:0px;
}
li{
	list-style:none;
}
body,html{
	width:100%;
	height:100%;
}
.wrap{
	width:100%;
	height:100%;
}

/* 头部  */
.header{
	width:100%;
	height:4.6rem;
	background:#59a7f4;
	position:relative;
}
.more_exam{
	display:block;
	float:left;
	height:4.6rem;
	padding-left:5%;
}
.more_exam img{
	float:left;
	height:1.7rem;
	width:auto;
	margin-top:1.45rem;
}

.header-title{
	float:left;
	height:4.6rem;
	font-size:2rem;
	line-height:4.6rem;
	color:#fff;
	padding-left:1.5rem;
	width:68%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
@media screen and (max-width:320px ) {
	.header-title{
		width:64%;
	}
}


.buySoftBtn{
	position:absolute;
	top:0px;
	right:0px;
	height:4.6rem;
}
.buySoftBtn img{
	float:left;
	height:2.8rem;
	width:auto;
	margin-top:0.9rem;
}



/*尾部*/
.footer{
	height:5.4rem;
	width:100%;
	position:fixed;
	left:0px;
	background: #fff;
	bottom:0px;
	border-top:1px solid #f0f0f0;
}
.ullist{
	width:100%;
	height:100%;
}
.ullist li{
	float:left;
	width:25%;
	height:5.4rem;
	position:relative;
}

.ullist li img{
	padding-top:0px;
	height:2.3rem;
	width:2.2rem;
	position:absolute;
	left:50%;
	top:0.6rem;
	margin-left:-1.1rem;
	
}
.ullist li p{
	width:100%;
	height:1.4rem;
	font-size:1.4rem;
	color:#020202; 
	margin-top:3.6rem;
	text-align:center;
	line-height:1.4rem;
}

.ullist .changeColor{
	color:#59a7f4;
}


.loader{
	font-size: 10px;
    width: 3rem;
    height: 3rem;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    background: #59a7f4;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 1%, #59a7f4 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 1%, #59a7f4 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 1%, #59a7f4 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 1%, #59a7f4 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 1%, #59a7f4 100%);
    position: fixed;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
}
.loader:after {
    background: white;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* 
 公用的头部*/


.common_header{
	height:4.6rem;
	width:100%;
	background:#59a7f4;
	position:relative;
}
.back{
	position:absolute;
	width:20%;
	height:4.6rem;
	left:0px;
	top:0rem;
	z-index:999;
	/*padding-left:5%;*/
}
.back img{
	height:2.0rem;
	width:auto;
	float:left;
	margin-left:25%;
	margin-top:1.3rem;
}
.title{
	display:block;
	width:80%;
	height:4.6rem;
	line-height:4.6rem;
	font-size:2rem;
	text-align:center;
	color:#fff;
	margin-left:10%;
}


